home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / global / menu.css < prev    next >
Cascading Style Sheet File  |  2010-02-13  |  9KB  |  376 lines
  1.  
  2. /* ===== menu.css =======================================================
  3.   == Styles used by XUL menu-related elements.
  4.   ======================================================================= */
  5. /* @import url("chrome://global/skin/new-officexp.css"); */
  6. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  7.  
  8. /* ::::: menu/menuitem ::::: */
  9.  
  10. menu,
  11. menuitem {
  12. -moz-appearance: none !important;
  13. -moz-box-align: center;
  14. color: #000000;
  15. font: menu;
  16. list-style-image: none;
  17. -moz-image-region: auto;
  18. -moz-border-radius: 3px;
  19. }
  20.  
  21.  
  22. menu[disabled="true"], menuitem[disabled="true"],
  23. menu[_moz-menuactive="true"][disabled="true"],
  24. menuitem[_moz-menuactive="true"][disabled="true"] {
  25. color: #000000;
  26. padding:0px 0px 0px 2px !important;
  27. opacity: 0.3;
  28. }
  29.  
  30. menu[disabled="true"]:hover, menuitem[disabled="true"]:hover,
  31. menu[_moz-menuactive="true"][disabled="true"]:hover,
  32. menuitem[_moz-menuactive="true"][disabled="true"]:hover {
  33. background-color:transparent !important;
  34. background-image:none !important;
  35. }
  36.  
  37. menu {
  38. border: none;
  39. margin:3px 2px 3px 5px !important;
  40. padding:0px !important;
  41. padding-left:2px !important;
  42. }
  43.  
  44. menubar > menu {
  45. border: none;
  46. padding: 0px !important;
  47. margin: 0px 3px !important;
  48. }
  49.  
  50. /* ..... internal content .... */
  51.  
  52. .menu-text,
  53. .menu-iconic-text {
  54.   margin: 0px 4px 0px 3px;
  55.   color: inherit;
  56.  
  57. }
  58.  
  59. .menu-text {
  60.   margin-left: 2px !important;
  61. /* padding-bottom:4px !important; */
  62.   font-weight: inherit;
  63. }
  64.  
  65. .menuitem-text {
  66.   margin-left: 2px !important;
  67. /* margin-bottom:4px !important; */
  68.   font-weight: inherit;
  69. }
  70.  
  71. .menu-description {
  72.   font-style: italic;
  73.   color: GrayText;
  74.   -moz-margin-start: 1ex !important;
  75. }
  76.  
  77. .menu-accel,
  78. .menu-iconic-accel {
  79.   margin: 0px 2px 0px 12px !important;
  80.   padding-right: 0px;
  81.   color: inherit;
  82. }
  83.  
  84. .menu-accel-container {
  85.   -moz-box-pack: end;
  86. }
  87.  
  88. .menu-iconic-left {
  89.   margin: 0px 0px 0px -2px !important;
  90.   color: inherit;
  91. }
  92.  
  93. .menu-iconic-icon {
  94.   width: 16px;
  95.   height: 16px;
  96.   list-style-image: inherit;
  97. }
  98.  
  99. menuitem[type="checkbox"] > .menu-iconic-left,
  100. menuitem[type="radio"] > .menu-iconic-left {
  101.   margin:0 !important;
  102.  }
  103.  
  104. /* ..... menu arrow box ..... */
  105.  
  106. .menu-right {
  107.   margin: 0px 0px 0px 6px;
  108.   width: 8px;
  109. padding-right:0;
  110.   list-style-image: url("chrome://global/skin/icons/menu-arrow.png");
  111.   -moz-image-region: auto;
  112. }
  113.  
  114. .menu-right[_moz-menuactive="true"] {
  115.   list-style-image: url("chrome://global/skin/icons/menu-arrow.png");
  116.   -moz-image-region: auto;
  117. }
  118.  
  119. .menu-right[disabled="true"] {
  120.   list-style-image: url("chrome://global/skin/icons/menu-arrow_dis.png");
  121.   -moz-image-region: auto;
  122. }
  123.  
  124. /* ::::: menu/menuitems in menubar ::::: */
  125.  
  126. /*menubar > menu {
  127.   border: 2px solid transparent;
  128. }*/
  129. /*menubar > menu[_moz-menuactive="true"][open="true"] {
  130.   border-width: 3px 1px 1px 3px;
  131. }*/
  132. menubar > menu[_moz-menuactive="true"],
  133. menubar > menu[_moz-menuactive="true"][open="true"] {
  134.   color: #000;
  135. /* background-color:#000 !important; */
  136. }
  137.  
  138. /* ..... internal content .... */
  139.  
  140. .menubar-left {
  141.   color: inherit;
  142. }
  143.  
  144. .menubar-text {
  145.   margin: 1px 6px 2px 6px !important;
  146.   color: inherit;
  147. }
  148.  
  149. /* ::::: menu/menuitems in popups ::::: */
  150.  
  151. menupopup > menu,
  152. popup > menu
  153.  {
  154. margin:3px 7px 3px 5px !important;
  155. padding:0px !important;
  156. padding-left:2px !important;
  157. }
  158.  
  159. menupopup > menu:hover,
  160. popup > menu:hover
  161.  {
  162. padding: 0px 0px 0px 2px !important;
  163. -moz-border-radius-topleft: 5px;
  164. -moz-border-radius-topright: 0px;
  165. -moz-border-radius-bottomleft: 5px;
  166. -moz-border-radius-bottomright: 0px; 
  167. background-color:transparent;
  168. background-image: url("chrome://browser/skin/icons/menuitem_hover.png");
  169. background-repeat:repeat-x !important; 
  170. background-position:center right;
  171. }
  172.  
  173. popup > menuitem {
  174. margin:3px 7px 3px 5px !important;
  175. padding:0px !important;
  176. padding-left:2px !important;
  177. }
  178.  
  179. popup > menuitem:hover {
  180. padding: 0px 0px 0px 2px !important;
  181. -moz-border-radius-topleft: 5px;
  182. -moz-border-radius-topright: 0px;
  183. -moz-border-radius-bottomleft: 5px;
  184. -moz-border-radius-bottomright: 0px; 
  185. background-color:transparent;
  186. background-image: url("chrome://browser/skin/icons/menuitem_hover.png");
  187. background-repeat:repeat-x !important; 
  188. background-position:center right;
  189. }
  190.  
  191. menupopup > menuitem {
  192. margin:3px 7px 3px 5px !important;
  193. padding:0px !important;
  194. padding-left:2px !important;
  195. }
  196.  
  197. menupopup > menuitem:hover {
  198. padding: 0px 0px 0px 2px !important;
  199. -moz-border-radius-topleft: 5px;
  200. -moz-border-radius-topright: 0px;
  201. -moz-border-radius-bottomleft: 5px;
  202. -moz-border-radius-bottomright: 0px; 
  203. background-color:transparent;
  204. background-image: url("chrome://browser/skin/icons/menuitem_hover.png");
  205. background-repeat:repeat-x !important; 
  206. background-position:center right;
  207. }
  208.  
  209.  
  210. menupopup > menu[_moz-menuactive="true"],
  211. menupopup > menuitem[_moz-menuactive="true"],
  212. popup > menu[_moz-menuactive="true"],
  213. popup > menuitem[_moz-menuactive="true"] {
  214. -moz-border-radius-topleft: 5px;
  215. -moz-border-radius-topright: 0px;
  216. -moz-border-radius-bottomleft: 5px;
  217. -moz-border-radius-bottomright: 0px; 
  218. background-color:transparent;
  219. background-image: url("chrome://browser/skin/icons/menuitem_hover.png") !important;
  220. background-repeat:repeat-x !important; 
  221. background-position:center right;
  222. color: #000;
  223. border:none !important;
  224. }
  225.  
  226.  
  227.  
  228. /* ::::: menu/menuitems in menulist popups ::::: */
  229.  
  230. .menulist-menupopup {
  231. background-color:#fff !important;
  232. -moz-border-image: none !important;
  233. }
  234.  
  235. .menulist-menupopup > menu,
  236. menulist > menupopup > menu {
  237.   padding: 0px !important;
  238.   font: inherit;
  239.   color: #000000;
  240. }
  241.  
  242.  
  243. .menulist-menupopup > menuitem,
  244. menulist > menupopup > menuitem  {
  245. padding-right: 25px !important;
  246. margin:0px !important;
  247. font: inherit;
  248. color: #000000;
  249. background-color:transparent !important;
  250. background-image:none !important;
  251. -moz-border-radius:0px !important;
  252. }
  253.  
  254. .menulist-menupopup > menuitem:hover ,
  255. menulist > menupopup > menuitem:hover,
  256. .menulist-menupopup > menuitem:focus,
  257. menulist > menupopup > menuitem:focus,
  258. menulist > menupopup > menuitem[_moz-menuactive="true"],
  259. menulist > menupopup > menu[_moz-menuactive="true"]  {
  260.  padding-right: 25px !important; 
  261. margin:0px !important;
  262. font: inherit;
  263. color: #fff;
  264. background-color:#418BD4 !important;
  265. background-image:none !important;
  266. -moz-border-radius:0px !important;
  267. }
  268.  
  269.  
  270. menuitem > .menu-iconic-left,
  271. menuitem > .menu-iconic-left,
  272. menu > .menu-iconic-left,
  273. menu > .menu-iconic-left {
  274.   margin: 0px 3px 0px 0px !important;
  275. }
  276.  
  277. .menulist-menupopup > menuitem > .menu-iconic-left,
  278. menulist > menupopup > menuitem > .menu-iconic-left,
  279. .menulist-menupopup > menu > .menu-iconic-left,
  280. menulist > menupopup > menu > .menu-iconic-left {
  281.   margin: 0 2px 0 0 !important;
  282. }
  283.  
  284. /* ::::: checkbox menuitem ::::: */
  285.  
  286. menuitem[checked="true"] {
  287. list-style-image: url("chrome://global/skin/menu/myMenucheck.png");
  288. -moz-image-region: rect(0px, 16px, 16px, 0px);
  289. }
  290.  
  291. menuitem[checked="false"] {
  292. list-style-image: url("chrome://global/skin/menu/nocheck.png");
  293. -moz-image-region: auto;
  294. }
  295.  
  296. menuitem[checked="true"] .menu-iconic-left {
  297. width: 16px !important;
  298. height: 16px !important; 
  299.  margin: 0 2px 0 0 !important;
  300. }
  301.  
  302. menuitem[checked="false"] .menu-iconic-left {
  303. width: 16px !important;
  304. height: 16px !important; 
  305.  margin: 0 2px 0 0 !important;
  306. }
  307.  
  308.  
  309. menuitem[checked="true"][disabled="true"] {
  310. list-style-image: url("chrome://global/skin/menu/myMenucheck.png");
  311. -moz-image-region: rect(16px, 16px, 32px, 0px);
  312. }
  313.  
  314. menuitem[checked="true"][_moz-menuactive="true"] {
  315. list-style-image: url("chrome://global/skin/menu/myMenucheck.png");
  316. -moz-image-region: rect(0px, 16px, 16px, 0px);
  317. }
  318.  
  319. /* ::::: radio menuitem ::::: */
  320.  
  321. menuitem[checked="true"][type="radio"] {
  322.   list-style-image: url("chrome://global/skin/menu/myMenucheck.png");
  323.   -moz-image-region: rect(32px, 16px, 48px, 0px);
  324. }
  325.  
  326. menuitem[checked="false"][type="radio"] {
  327.   list-style-image: url("chrome://global/skin/menu/nocheck_radio.png");
  328.   -moz-image-region: auto;
  329. }
  330.  
  331. menuitem[checked="true"][type="radio"][disabled="true"] {
  332.   list-style-image: url("chrome://global/skin/menu/myMenucheck.png");
  333.   -moz-image-region: rect(48px, 16px, 64px, 0px);
  334.  
  335. }
  336.  
  337. menuitem[checked="true"][type="radio"][_moz-menuactive="true"] {
  338.   list-style-image: url("chrome://global/skin/menu/myMenucheck.png");
  339.   -moz-image-region: rect(32px, 16px, 48px, 0px);
  340. }
  341.  
  342. /* ::::: menuseparator ::::: */
  343.  
  344. menuseparator {
  345. margin: 0px 5px;
  346. padding:0 !important;
  347. height:2px;
  348. /*border-top: 1px solid #c2c2c2; */
  349. /*border-bottom: 1px solid #f2f2f2; */
  350.  background-image: url("chrome://browser/skin/icons/menu_separator.png") !important;
  351. background-repeat:no-repeat !important;
  352. background-position:center;
  353. }
  354.  
  355. /* ::::: menulist popup ::::: */
  356. /*menulist > menupopup {
  357. margin: 0px 0px 0px 0px;
  358. background-color:#ffffff !important;
  359. -moz-border-image: none !important;
  360. }*/
  361.  
  362. /* ::::: autocomplete ::::: */
  363.  
  364. .autocomplete-history-popup > menuitem {
  365.   max-width: none !important;
  366.   font: message-box;
  367. }
  368.  
  369. /* ::::: tree column picker ::::: */
  370.  
  371. .treecell-popupcell-menu {
  372.   margin-left: -2px;
  373.   list-style-image: url("chrome://global/skin/columnselect.gif");
  374.   -moz-image-region: auto;
  375. }
  376.